.el-dialog{
    padding: 0px;
    border-radius: 12px;
}

.el-dialog__header{
    background-color: var(--main-color);
    height: 100%;
    padding: 10px;
}

.el-dialog__title{
    color:white;
}

.el-dialog__headerbtn .el-dialog__close{
    color:white;
}

.el-dialog__body{
    padding: 10px;
}

.el-dialog__footer {
    padding: 0 10px 10px 0;
}

.el-color-picker.is-focused .el-color-picker__trigger{
    border-color:var(--main-color);
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--main-color);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--main-color);
}

.el-input__wrapper.is-focus{
    box-shadow: 0 0 0 1px var(--main-color) inset;
}

.el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--main-color) inset;
}

.el-select-dropdown__item.is-selected {
    color: var(--main-color);
    font-weight: bold;
}

.el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active {
    background-color: var(--main-color);
    color: var(--el-color-white);
}

.el-pagination{
    --el-pagination-hover-color:var(--main-color);
}

.el-input-group__append, .el-input-group__prepend{
    padding: 0 15px;
    background-color: transparent;
}
